<template>
  <div class="block">
    <el-timeline>
      <el-timeline-item
        v-for="(activity,index) in activeies"
        :timestamp="activity.time"
        :key="index"
        placement="top">
        <el-card class="el-card">
<!--          <h4>更新 Github 模板</h4>-->
<!--          <p>王小虎 提交于 2018/4/12 20:46</p>-->
          <div>登陆Ip:{{activity.ip}}</div>
          <div>登陆地址:{{activity.loginUrl}}</div>
          <div>操作系统:{{activity.system}}</div>
        </el-card>
      </el-timeline-item>
<!--      <el-timeline-item timestamp="2018/4/3" placement="top">-->
<!--        <el-card>-->
<!--          <h4>更新 Github 模板</h4>-->
<!--          <p>王小虎 提交于 2018/4/3 20:46</p>-->
<!--        </el-card>-->
<!--      </el-timeline-item>-->
<!--      <el-timeline-item timestamp="2018/4/2" placement="top">-->
<!--        <el-card>-->
<!--          <h4>更新 Github 模板</h4>-->
<!--          <p>王小虎 提交于 2018/4/2 20:46</p>-->
<!--        </el-card>-->
<!--      </el-timeline-item>-->
    </el-timeline>
  </div>
</template>

<script>
export default {
  name: 'Recently',
  data() {
    return {
      activeies: [{
        time: '2022-11-16 20:34',
        ip: '192.168.137.1',
        loginUrl: '中国广东省江门市 电信',
        system: 'Windows',
      },
      {
        time: '2022-11-15 10:01',
        ip: '192.168.137.1',
        loginUrl: '中国广东省江门市 电信',
        system: 'Windows',
      },
      {
        time: '2022-11-14 8:26',
        ip: '192.168.137.1',
        loginUrl: '中国广东省江门市 电信',
        system: 'Windows',
      },
      {
        time: '2022-11-11 15:34',
        ip: '192.168.137.1',
        loginUrl: '中国广东省江门市 电信',
        system: 'Windows',
      },
      {
        time: '2022-11-09 11:44',
        ip: '192.168.137.1',
        loginUrl: '中国广东省江门市 电信',
        system: 'Windows',
      }]
    }
  }
}
</script>

<style scoped>
.el-card div{
  margin-bottom: 20px;
}
</style>
